@import './color.scss';

.line-clamp-two{
  display: -webkit-box;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line-clamp-three{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  word-break: break-all;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}

.text-white {
  color: $white !important;
}

.text-blue {
  color: $blue !important;
}

.text-black {
  color: $black !important;
}

.text-gray {
  color: $gray !important;
}

.text-remark {
  color: $remark !important;
}

.text-mark1 {
  color: $mark-1 !important;
}
.text-mark2 {
  color: $mark-2 !important;
}
.text-mark3 {
  color: $mark-3 !important;
}

.text-s {
  font-size: 12px !important;
}

.text-m {
  font-size: 14px !important;
}

.text-l {
  font-size: 16px !important;
}

.text-xl {
  font-size: 18px !important;
}

.text-xxl {
  font-size: 20px !important;
}

.text-xxxl {
  font-size: 22px !important;
}

.text-24 {
  font-size: 24px !important;
}
.text-26 {
  font-size: 26px !important;
}
.text-28 {
  font-size: 28px !important;
}
.text-30 {
  font-size: 30px !important;
}
.text-32 {
  font-size: 32px !important;
}
.text-34 {
  font-size: 34px !important;
}
.text-36 {
  font-size: 36px !important;
}
.text-38 {
  font-size: 38px !important;
}
.text-40 {
  font-size: 40px !important;
}
.text-42 {
  font-size: 42px !important;
}
.text-44 {
  font-size: 44px !important;
}
.text-46 {
  font-size: 46px !important;
}
.text-48 {
  font-size: 48px !important;
}
.text-50 {
  font-size: 50px !important;
}
.text-60 {
  font-size: 60px !important;
}
.text-max {
  font-size: 70px !important;
}
.text-120 {
  font-size: 120px !important;
}

